<!--
|--------------------------------------------------
| 页面设计器 属性编辑器--可输入文本
| 
| 
|--------------------------------------------------
-->
<template>
    <div>
        <el-form-item :label="attrDesc.label">
            <div v-if="model">
                <el-input v-model="model[attrDesc.key]" style="with: 100%"></el-input>
            </div>
        </el-form-item>
    </div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
import { mixins } from 'vue-class-component'
import { AttrDesc } from '@/model/customPageAttr/attrsIndex'
import BasePageMdl from '@/model/customPageCfg/BasePageMdl'

@Component
export default class InputAttrValEditor extends Vue {
    @Prop()
    attrDesc!: AttrDesc
    @Prop()
    model!: BasePageMdl
}
</script>
